import React from 'react';
import { Button } from 'antd';
import { HddOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
import { useRouter } from 'next/navigation';

export default function ({ info }) {
  const router = useRouter();
  return (
    <div className="card" onClick={() => { router.push('/applications/server'); }}>
      <div className="new">new</div>
      <div className="info">
        <HddOutlined className="icon" />
        <div className="des">
          <div>{info.name}</div>
          <p>
            描述：
            {info.des}
          </p>
        </div>
        <div className="action">
          <Button type="text"><EditOutlined className="btnIcon" /></Button>
          <Button type="text"><DeleteOutlined className="btnIcon" /></Button>
        </div>
      </div>
    </div>
  );
}
